<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" th:href="@{/static/ypb/Y-background/backstage.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static/ypb/Y-background/Y-user/user.css}">
    <link rel="stylesheet" th:href="@{/static/ypb/Y-background/font_2528121_iz4e8df3nha/iconfont.css}">
    <link rel="stylesheet" th:href="@{/static/ypb/Y-background/font_2528121_66g78zut538/iconfont.css}">
    <link rel="shortcut icon"  th:href="@{/static/L-img/L-image/L-logo.png}">
</head>
<body>
          <!-- 侧边栏 -->
<div class="center">
    <div class="sidebar">
        <ul>
            <li class="side side_1"><a class="option option_1" href="#">音乐后台管理系统</a></li>

            <li class="side user" style="background-color: #1c2b3b;"><a class="option option_3" href="/ssmbuild/admin/queryAllUsers">
                <i class="iconfont icon-yonghu2"></i>
                用户管理</a></li>


            <li class="side music" style="background-color: #1c2b3b;"><a class="option option_5" href="../Y-music/music.html">
                <i class="iconfont icon-yinle1" style="margin-right: 4px;"></i>
                音乐管理<i class="iconfont icon-jiantouxiangxia"></i></a></li>
                <div class="musicForm" style="display: block;">
                    <li class="side branch"><a th:href="@{/admin/allMusic}" class="option branch_1">音乐</a></li>
                    <li class="side branch"><a th:href="@{/admin/querySinger}" class="option branch_2">歌手</a></li>
                    <li class="side branch"><a th:href="@{/admin/queryAllAlbum}" class="option branch_3">专辑</a></li>
                    <li class="side branch" style="background-color: rgb(85, 76, 216) ;"><a th:href="@{/admin/queryDis}" class="option branch_4">评论</a></li>


                </div>
        </ul>
    </div>
</div>
<!-- 右边内容区 -->
<div class="rightContent">
    <div class="itemBar">
        <div class="headBar">
            <p class="welcome">欢迎<span class="headPhoto"></span></p>
            <p class="back">退出登录</p>
        </div>

        <div class="headLine">
            <input type="text" class="input" placeholder="请输入歌名">
            <button class="ssBtn"><i class="iconfont icon-sousuo1"></i>搜索</button>
            <button class="reset"><i class="iconfont icon-shuaxin2"></i>重置</button>
            <button class="batch" style="margin-left: 40px">批量删除</button>
            <button class="add"><i class="iconfont icon-icon-test"></i>增加</button>
        </div>
        <!-- 评论 -->
        <div class="form">
            <table cellpadding="10">
                <thead>
                    <tr class="formHead">
                        <th class="alone">
                            <input type="checkbox"  name="allChecked" style="height: 17px;width: 17px" id="all">全选/取消
                        </th>
                        <th class="alone">序号</th>
                        <th class="alone">评论内容</th>
                        <th class="alone">评论时间</th>
                        <th class="alone">点赞数</th>
                        <th class="alone">用户Id</th>
                        <th class="alone">歌曲Id</th>
                        <th class="alone">操作</th>
                    </tr>
                </thead>
                <tbody class="content">
                <tr class='found' th:each="discuss,loopStatus:${Musics}" th:attr="everId=${discuss.disId}" >
                    <td class='Ffind'><input class="choice" type="checkbox" name="ids"></td>
                    <td class='Ffind' th:text="${loopStatus.count}">1</td>
                    <td class='Ffind' th:text="${discuss.dis}">1445587215</td>
                    <td class='Ffind' th:text="${discuss.disTime}">22</td>
                    <td class='Ffind' th:text="${discuss.disHot}">22</td>
                    <td class='Ffind' th:text="${discuss.userId}">22</td>
                    <td class='Ffind' th:text="${discuss.mcId}">22</td>
                    <td class='Ffind'>
                        <button class='del'>删除</button>
                        <button class='amend'>更改</button>
                    </td>
                    </tr>
                </tbody>
            </table>

        </div>
    </div>
</div>
<div class="clear"> </div>
<!-- 添加评论的弹框 -->
<div class="addUser" style="display: none;">
    <table class="uForm">
        <tbody class="initial">
            <tr class="line">
                <td>歌曲序号：</td>
                <td class="_name blank"><input class="information" type="text" placeholder="请输入歌曲序号"></td>
            </tr>
            <tr class="line">
                <td>评论序号：</td>
                <td class="tel blank"><input class="information email" type="text" placeholder="请输入评论序号"></td>
            </tr>
            <tr class="line">
                <td>评论内容：</td>
                <td class="age blank"><input class="information email" type="text" placeholder="请输入评论内容"></td>
                
            </tr>
            <tr class="line">
                <td>点赞数：</td>
                <td class="gender blank"><input class="information email" type="text" placeholder="请输入点赞数"></td>
            </tr>
        </tbody>
    </table>
    
    <button class="affirm">确认</button>
    <button class="cancel">取消</button>
</div>
    
</body>
<script th:src="@{https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.js}"></script>
<script th:src="@{/static/ypb/Y-js/Y-item/b-commennt.js}"></script>

</html>